<template>
    <div>
        <h1>介绍</h1>
        <div>
            我是一只来自马踏飞燕的故乡的小婷婷。
        </div>
    </div>
</template>

<script>
export default {
    name: 'Introduction' ,
    created() {

        let source = () => this.$route.params ;
        
        let callback =  () => {
            console.log( this.$route.params.word );
        }

        let options = { 
            deep: true ,
            // 组件创建完后获取数据，此时 data 已经被 observed 了
            immediate: true 
        }

        // 侦听路由参数，以便再次获取数据 (不是人话)
        // 当 source 发生改变时就调用 callback 函数 (人话)
        this.$watch( source , callback , options );
    },
    mounted(){
        console.log( this.$route );
    }
}
</script>